/* Reset CSS */   
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, a, abbr, acronym, address, big, small, cite, ins, del, em, img, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, input, select, textarea, table, caption, thead, tbody, tfoot, tr, th, td { margin: 0; padding: 0; }
th,h1,h2,strong {font-weight:bold}

q:before,q:after,blockquote:before,blockquote:after { content: ""; }
blockquote, q {quotes:"" ""}
fieldset, a img, img { border: none; }
:focus { outline: none; }
del{text-decoration: line-through}
input, select, textarea { color: #000; font: normal normal 1em Arial, Helvetica, sans-serif; }
textarea { resize: none; overflow: auto; }
body { color: #000; font: normal normal 100%/1em Arial, Helvetica, sans-serif; }
img { vertical-align: top; }
hr { display: none; }
address { font-style: normal; }

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, details, figcaption, figure, dialog, 
footer, header, hgroup, menu, nav, section {display:block} 
/***** Global *****/ 
/* Body */ 
body { 
    font-size: 14px; /* Base font size: 14px */ 
    font-family: Tahoma; 
    line-height: 1.3em; 
    margin: 0; 
	padding: 0;  
}  

/* Headings */ 
h2 {font-size: 1.3em;}	/* 22px */ 
h3 {font-size: 1.429em}	/* 20px */ 
h4 {font-size: 1.286em}	/* 18px */ 
h5 {font-size: 1.143em}	/* 16px */ 
h6 {font-size: 1em}	/* 14px */   

/* Anchors */ 
a:link, a:visited{
	color: #006699;
	text-decoration: none;
}
a:hover, a:active { 	
	text-decoration: none;
}

a:hover span{
    color: #f00;
}

/* Paragraphs */ 
p {margin-bottom: 5px;} 
* p:last-child {margin-bottom: 0;}  
strong, b {font-weight: bold;} 
em, i {font-style: italic;}  
/*
::-moz-selection {background: #F6CF74; color: #fff;} 
::selection {background: #F6CF74; color: #fff;}  
*/

/* Lists */ 
/**
    */   

/* --- layout --- */
.clr {clear: both;}

.wrapper {
    background: url("../images/bg.png") repeat-x scroll 0 0 transparent;
    height: auto;
    margin: -4px auto;
    width: 1000px;
    overflow: auto;
}
.wrapper .header{
    width: 1000px;
    height: 200px;
    float: left;
}
.wrapper .menu-nav{
    width:1000px;
    height: 45px;
    float: left;
}
.wrapper .hot-new{
    width:1000px;
    height: 45px;
    float: left;
    background: url("./images/bg-1.png");
}
.wrapper .hot-new .cover-mar{
     height: 40px;
    margin-left: 45px;
    width: 912px;
}
.wrapper .hot-new .img-left{
    width: 45px;
    float: left;
}
.wrapper .hot-new .img-right{
    width: 45px;
    float: right;
    margin-top: -40px;
}
.wrapper .main{
    width: 1000px;
    height: auto;
    overflow: hidden;
    float: left;
}
.wrapper .main .left{
    width: 200px;
    height: 800px;
    float: left;
}
.wrapper .main .left .search{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: auto;
    overflow: auto;
    width: 200px;
    margin-left: 4px;
     box-shadow: 0px 1px 6px 1px #CCCCCC;
}
.wrapper .main .left .not-first{
    margin-top: 10px;
}
.wrapper .main .left .search .content-article{
    width: 200px;
    height: auto;
}
.wrapper .main .left .search .content-article .icon-lien-he{
    width: 30px;
    margin-left: 5px;
    float: left;
}
.wrapper .main .left .search .content-article .phone{
    margin-bottom: 10px;
}
.wrapper .main .left .search .content-article p{
        
    margin-left: 5px;
    width: 180px;
    color: #ff6600;
	font-size:18px;
}
.wrapper .main .left .search .content-article ul{
    margin-left: 20px;
    margin-top: 10px;
}
.wrapper .main .left .search .content-article ul li{
    margin-bottom: 10px;
}
.wrapper .main .left .search .content-article .input-text{
background: url("../images/search1.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #FF6600;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 25px;
    margin-left: 10px;
    padding-left: 25px;
    width: 180px;
}
.wrapper .main .left .search .content-article .bt-search{
     background: url("../images/menu-nav.png") repeat scroll 0 0 transparent;
    border: 1px solid #FF6600;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 3px 0 #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 30px;
    margin-left: 57px;
    margin-top: 20px;
    width: 80px;
    margin-bottom: 20px;
}
.wrapper .main .left .search .article{
    background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    height: 40px;
    line-height: 35px;
    text-align: center;
    width: 200px;
}
.wrapper .main .right{
    width: 790px;
    height: auto;
    float: right;
}
.wrapper .main .right .slide-show{
 border: 2px solid #FF6600;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 3px 7px 0 #ccc;
    float: left;
    height: 304px;
    position: relative;
    width: 784px;
}
.wrapper .main .right .customer{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 5px 1px #CCCCCC;
    float: left;
    height: 149px;
    margin-bottom: 8px;
    margin-top: 40px;
    position: relative;
    width: 790px;
}
.wrapper .main .right .customer .doi-tac{
    background: url("../images/bg-2.png") repeat scroll 0 0 transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 50px;
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
    line-height: 25px;
    padding: 0 30px 0 15px;
    position: absolute;
    top: -31px;
}
.wrapper .main .right .slide-show #slider{
  border-radius: 5px 5px 5px 5px;
    height: 304px;
    margin-left: 1px;
    margin-top: 1px;
    width: 782px;
}
.wrapper .main .right .content-newproject{
    width: 790px;
    height: auto;
    float: left;
    margin-top: 20px;
    position: relative;
}
.wrapper .main .right .content-newproject .a-new-project{
     float: left;
    line-height: 30px;
    margin-left: 5px;
}
.wrapper .main .right .content-newproject .img-new-project{
     float: left;
    height: 120px;
    margin-left: 5px;
    width: 170px;
}
.wrapper .main .right .content-newproject .content{
background: url("../images/bg-login.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 5px 1px #CCCCCC;
    float: left;
    height: 550px;
    width: 600px;
}
.wrapper .main .right .content-newproject .content .news-build{
    background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    height: 45px;
    line-height: 30px;
    padding-left: 20px;
}
.wrapper .main .right .content-newproject .content .news .title{
       float: left;
    font-weight: bold;
    margin-left: 10px;
    min-width: 500px;
}
.wrapper .main .right .content-newproject .content .news img{
      float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 130px;
}
.wrapper .main .right .content-newproject .content .news .p-title{
     float: left;
    margin-left: 10px;
    margin-top: 10px;
    text-align: justify;
    width: 440px;
    word-spacing: 2px;
}
.wrapper .main .right .content-newproject .content .line-news{
       float: left;
    margin-bottom: 10px;
    margin-top: 25px;
}
.wrapper .main .right .content-newproject .content .news .more{
      float: right;
    margin-right: 10px;
}
.wrapper .main .right .content-newproject .content .relation-news{
      float: left;
    margin-left: 10px;
    margin-top: 20px;
    width: 600px;
}
.wrapper .main .right .content-newproject .content .relation-news ul{
     float: left;
    margin-left: 15px;
}
.wrapper .main .right .content-newproject .content .relation-news ul li{
     line-height: 25px;
}
.wrapper .main .right .content-newproject .content .relation-news .p-relation-news{
      color: #FF6600;
    float: left;
    font-weight: bold;
}
.wrapper .main .right .content-newproject .content .relation-news .p-relation-news span{
      color: #FF6600;
    font-weight: normal;
}
.wrapper .main .right .content-newproject .new-project{
    width: 180px;
    height: 550px;
    float: right;
    margin-right: 4px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 5px 1px #CCCCCC;
}
.wrapper .main .right .content-newproject .new-project .p-new-project{
    background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    height: 40px;
    line-height: 35px;
    text-align: center;
    width: 180px;
}
.wrapper .footer{
    width: 1000px;
    height: 150px;
    float: left;
    background: url("../images/bg-footer.png");
}
.wrapper .footer ul{
    margin-left: 190px;
    margin-top: 20px;
}
.wrapper .footer ul .li-end{
    border: none;
}
.wrapper .footer .name-company{
    margin-left: 270px;
    margin-top: 10px;
}
.wrapper .footer .address{
    margin-left: 130px;
}
.wrapper .footer ul li{
    border-right: 1px solid #FFFFFF;
    display: inline;
    padding: 0 15px;
}
.p-hot-new{
    font-weight: bold;
    margin-top: 10px;
}
.main-admin {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: auto;
    width: 950px;
}
.main-admin .action{
    float: left;
    height: auto;
    width: 200px;
    margin-left: 20px;
}
.main-admin .action .addnew{
        background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 35px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 80px;
    cursor: pointer;
}
.main-admin .action .bt-delete{
    background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 35px;
    margin-left: 20px;
    text-align: center;
    text-decoration: none;
    width: 80px;
    cursor: pointer;
}
.main-admin .tb-show{
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 5px 2px #CCCCCC;
    float: right;
    height: auto;
    width: 640px;
}
.main-admin .tb-show thead{
    height: 30px;
    color: #fff;
}
.main-admin .tb-show thead tr{
       background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    float: left;
    height: 30px;
}
.main-admin .tb-show thead tr th{
    line-height: 22px;
    padding-left: 10px;
    width: 200px;
}
.main-admin .tb-show tbody tr{
       border-bottom: 1px dotted;
    float: left;
    line-height: 35px;
}
.main-admin .tb-show tbody tr td{
    float: left;
    padding-left: 10px;
    width: 200px;
}
.main-admin ul li{
    float: left;
    line-height: 30px;
    width: 900px;
}
.main-admin ul li label{
    float: left;
    font-weight: bold;
    width: 147px;
}
.main-admin h1{
    background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    float: left;
    height: 40px;
    line-height: 30px;
    margin-left: 45px;
    text-align: center;
    width: 904px;
}
.main-admin ul{
 border-left: 2px solid #CCCCCC;
 border-right: 2px solid #CCCCCC;
    float: left;
    list-style: none outside none;
    margin-left: 45px;
    width: 900px;
}
.main-admin .bt-add{
 background: url("../images/bg-1.png") repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 35px;
    margin-left: 450px;
    text-align: center;
    text-decoration: none;
    width: 80px;
    margin-top: 10px;
}